/*语义的*/
/*
---------------------
c - color
bgc
w - width
h
fz - fontsize
---------------------
-l0  - level 0
-100p - 100%
w100 - width 100px
w-100p - width 100%
w-l0 - width level 0
---------------------
*/
.bgc-g0 {
    background-color: #f8f9fa;
}

.bgc-g1 {
    background-color: #f8f9fa;
}

.bgc-g2 {
    background-color: #f8f9fa;
}

.bgc-g3 {
    background-color: #f8f9fa;
}

.bgc-g4 {
    background-color: #f8f9fa;
}

.c-g2 {
    color: gray;
}

.w100p {
    width: 100%;
}

.w200 {
    width: 200px;
}

.w1w {
    width: 10000px;
}

.h1w {
    height: 10000px;
}

.h100p {
    height: 100%;
}

.h-l0 {
    height: 60px;
}

.mb10 {
    margin-bottom: 10px;
}

.mt10 {
    margin-top: 10px;
}

.mt-l0 {
    margin-top: 5px;
}

.pt10 {
    padding-top: 10px;
}

.pb10 {
    padding-bottom: 10px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.mt-l1 {
    margin-top: 10px;
}

.mt-l2 {
    margin-top: 15px;
}

.mt-l4 {
    margin-top: 20px;
}

.fz-l0 {
    font-size: 25%;
}

.fz-l1 {
    font-size: 50%;
}

.fz-l2 {
    font-size: 75%;
}

.am { /*align-middle*/
    display: table-cell;
    vertical-align: middle;
}

/*.ac { !*align-center*!*/
/*height: 999px;*/
/*display: table-cell;*/
/*text-align: center;*/
/*}*/
